// 1.引入vue
import Vue from 'vue'

// 2.引入插件
import VueRouter from 'vue-router'

// 引入路由组件
import Login from '../pages/Login'
import Home from '../pages/Home'
import Music from '../pages/Home/Music'
import News from '../pages/Home/News'

// 3.使用VueRouter插件
Vue.use(VueRouter)

// 4.创建路由对象
export default new VueRouter({
    // 7.路由配置
    routes: [{
            path: '/login',
            component: Login
        },
        {
            path: '/home',
            component: Home,
            //11. 二级路由，路径前不要加 /
            children:[
                // name，给路由地址 起别名
                // params 2.
                {path:'music/:id',component:Music,name:'music'},
                {path:'news',component:News,name:'news'},
                // 二级路由重定向1
                // {path:'/',redirect:'/home/music'}
                // 二级路由重定向2-默认子路由
                // {path:'',component:Music}
            ]
        },
        {
            path:'/',
            redirect:'/home'
        }
    ]
})